.page_wrapper {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    left: 0px;
    header {
        height: 2rem;
        position: relative;
        i {
            background: url(/AppPage/image/my/mycoupon/back_ico.png);
            width: .5rem;
            height: .8rem;
            display: block;
            margin: auto;
            position: absolute;
            left: .5rem;
            // right: 0;
            top: 0;
            bottom: 0;
            background-size: 100% 100%;
        }
        h1 {
            font-size: .7rem;
            font-weight: lighter;
            line-height: 2rem;
            text-align: center;
            border-bottom: 2px solid #f8f8f8;
            margin: 0;
        }
    }
    .cfx {
        background-color: #fff;
    }
    .coupon-tips {
        background-color: #f2f2f2;
        height: 1.5rem;
        line-height: 1.5rem;
        font-size: .6rem;
        b {
            background: url(/AppPage/image/my/mycoupon/warning-coupon.png);
            width: .6rem;
            height: .6rem;
            background-size: contain;
            float: left;
            margin: .4rem .3rem .4rem .4rem;
            background-position: center;
        }
        a {
            color: #ff8000;
            text-decoration: none;
        }
    }
}

.tab_header {
    ul {
        display: flex;
        width: 90%;
        justify-content: space-between;
        margin: 0 auto;
        margin-left: -.9rem;
        list-style: none;
        li {
            justify-content: space-between;
            padding: .5rem .1rem;
            border-bottom: 2px solid #fff;
            font-size: .6rem;
        }
    }
    .couponTab {
        background: #fff;
        width: 100%;
        margin: 0;
    }
    .current {
        color: #ff8000;
        border-color: #ff8000;
    }
}

.coupons {
    height: auto !important;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    .info {
        box-shadow: none;
        margin-top: 0.5rem;
    }
}

.bmList .info .money,
.bmList .info .name,
.bmList .info .use,
.bmList .info .sel {
    display: table-cell;
    vertical-align: middle;
}

.bmList {
    height: 3rem;
    overflow-y: scroll;
    margin-bottom: 1rem;
    .info {
        width: 90%;
        margin: 0 auto;
        margin-top: .5rem;
        padding: .3rem 0 .3rem .5rem;
        background: #fff;
        position: relative;
        .name {
            padding-left: .5rem;
            width: 4.6rem;
            color: #4d4d4d;
            p {
                // line-height: .6rem;
                // height: .9rem;
                // padding-bottom: .1rem;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                width: 4rem;
                font-size: .6rem;
                margin-top: .1rem;
                margin-bottom: .1rem;
            }
            b {
                color: #a1a1a1;
                font-size: .3rem;
                font-weight: 400;
            }
            i {
                background: url(/AppPage/image/my/mycoupon/downIcon.png) no-repeat;
                width: 2rem;
                height: 2rem;
                background-size: contain;
                background-size: cover;
                margin-left: .2rem;
            }
        }
        .name>div {
            height: .5rem;
            line-height: 0rem;
            padding-top: .2rem;
        }
        .money {
            border-right: 1px dashed #bababa;
            padding-right: .8rem;
            color: #ff8000;
            width: 4rem;
            text-align: center;
            span {
                font-size: 1rem;
                line-height: 1;
            }
            p {
                color: #a1a1a1;
                font-size: .4rem;
                font-weight: 400;
                margin-top: .1rem;
                margin-bottom: .1rem;
            }
        }
        .use {
            position: relative;
            span {
                position: absolute;
                left: 0;
                top: -.2rem;
                display: block;
                text-align: center;
                color: #ff8000;
                font-size: .2rem;
            }
            a {
                font-size: .5rem;
                width: 3rem;
                height: 1.2rem;
                background: #ff8000;
                display: block;
                color: #fff;
                line-height: 1.2rem;
                text-align: center;
                border-radius: 25px;
                text-decoration: none;
            }
        }
    }
}

.couponsList {
    display: none;
}

.appp {
    display: block;
}

.noneData {
    width: 100%;
    margin-top: 2rem;
    text-align: center;
    font-size: .7rem;
    color: #333;
}

.tab_content{
    width: 95%;
    margin: auto;
    background-color: white;
    height: 7rem;
    // margin-top: -0.3rem;
    font-size: 0.6rem;
    box-shadow: 0 0 3px #4d4d4d;
}
.abs{
    width: 95%;
    margin: auto;
}